<template>
  <div class="comment">
    <h3 class="com-title border-bottom"><span>|</span>用户评论</h3>
    <div class="border-bottom" v-for="item of comments" :key="item.id">
      <div class="com-ico">
        <span class="iconfont com-right">&#xe870;&#xe870;&#xe870;&#xe870;&#xe870;</span>
        <span class="com-left">{{item.name}}&nbsp;&nbsp;{{item.tiem}}</span>
      </div>
      <div class="com-item">
        <p>
          参观故宫是来京必须要安排的行程，紫禁城的宏伟和惊艳超乎你想象，假装自己穿越时空
          你走在乾隆皇帝走过的石板砖上，体验当年盛世的文化底蕴和奢华的生活～ 攻略1 提前网上购买门票,
          凭身份证直接进 攻略 租讲解器，每个讲解器都是感应的，每个只讲解一遍，只有一个耳机，别想着两人共用的好事儿
          ，哈哈哈 攻略3 周一闭馆，周末人居多，尽量安排工作日，若所有宫殿都想参观，就提早进去
          不过我个人觉得没必要，参观代表性的中轴和个别妃子和慈禧的宫殿即可,
           建议预留至少大半天时间在里头 再来北京，还愿意去故宫
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'comment',
  props: {
    comments: Array
  }
}
</script>

<style lang="stylus" scoped="scoped">
  .comment
    padding 0 .2rem
    .com-title
      height .88rem
      background: #fff
      color #333
      font-size .3rem;
      line-height .88rem
      text-indent .2rem
    .com-title
      span
        color #00BCD4
        font-size .3rem;
        font-weight bold
    .com-ico
      padding-top 0.3rem
      overflow auto
      .com-right
        color #ffb436
        float left
      .com-left
        float right
    .com-item
      padding-top 0.3rem
      p
        height 3.6rem
        overflow hidden
        line-height 0.4rem
</style>
